/* body{background: #f5f7f9;margin:0;padding:0;} */
/*------------------头部------------------*/
.top{height: 70px;position: fixed;left:0;top:0;width: 100%;z-index: 100;}
.main{margin-top: 70px;}
.top .logo{display: inline-block;float: left;padding: 16px 10px;}
.topbar{float: right;line-height: 68px;}
.topbar a{display: inline-block;text-align:center;color: #fff;}

/*------------------图标------------------*/
.ticon{background: url(../images/icon.png) no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin: -3px 3px 0 0;}
.ticon.icon1{background-position: -3px -32px;}
.ticon.icon2{background-position: -28px -32px;}
.ticon.icon3{background-position: -54px -32px;}
.ticon.icon4{background-position: -79px -32px;}


/*固定头部菜单*/
.header-fixed
{
	position: fixed;
	z-index: 10;
	left: 0;
	right: 0;
}

.top-header
{
	background-color: #242633;
	height: 50px;
}

.top-header .logo
{
	position: absolute;
	width: 100%;
	height: 50px;
	background-color: #191b24;
	color: #fafafa;
	line-height: 50px;
	text-align: center;
}

.top-header .logo > a
{
	font-size: 24px;
	vertical-align: middle;
	color: #fafafa;
	text-decoration: none;
}

.top-header .top-nav
{
	width: 100%;
	padding: 50px 0 0 0;
	font-size: 18px;
    line-height: 22px
}

.top-header a
{
	color: #fafafa;
}

.dropdown{
	position:relative;
}

.top-header .top-nav .nav-right>li
{
    float: left;
}

.top-header .top-nav .nav-right>li>a
{
    position: relative;
    display: block;
    height: 50px;
    padding: 14px 10px
}

.dropdown-menu{
	position:absolute;
	min-width:160px;
	z-index:1000;
	display:none;
	float:left;
	padding:5px 0;
	margin:2px 0 0;
	font-size:14px;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid #ccc;
	border-radius:4px;
	box-shadow:0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu > li > a{
	display:block;
	padding:3px 20px;
	clear:both;
	font-weight:normal;
	color:#767676;
	white-space:nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	color:#262626;
	text-decoration:none;
	background-color:#f5f5f5;
}

.dropdown-menu.with-arrow:before
{
    content:' ';
    position: absolute;
    left: 12px;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid rgba(0,0,0,.15);
}

.dropdown-menu.with-arrow:after
{
    content:' ';
    position: absolute;
    left: 13px;
    top: -18px;
    border: 9px solid transparent;
    border-bottom: 9px solid #fff;
}

/*------------------图标------------------*/
.navicon{background: url(../images/icon.png) no-repeat;width: 34px;height: 25px;display: inline-block;margin: 10px 40px 0 40px;}
.navicon.icon1{background-position: -7px -1px;}
.navicon.icon2{background-position: -51px -1px;}
.navicon.icon3{background-position: -96px -1px;}
.navicon.icon4{background-position: -139px -1px;}
.navicon.icon5{background-position: -184px -1px;}
li.current .navicon.icon1{background-position: -7px -38px;}
li.current .navicon.icon2{background-position: -51px -38px;}
li.current .navicon.icon3{background-position: -96px -38px;}
li.current .navicon.icon4{background-position: -139px -38px;}
li.current .navicon.icon5{background-position: -184px -38px;}

.checkicon,.relateicon,.detailicon,.dealicon,.delicon,.sighicon,.disableicon,.copyicon,.addicon,.playicon,.smallicon,.gjdetailicon,.gjdealicon,.rddetailicon,.safeicon,.staricon,.searchicon{background: url(../images/icon2.png) no-repeat;width: 11px;height: 11px;display: inline-block;}
.checkicon{background-position: -78px -78px;}
.relateicon{background-position: -100px -78px;}
.detailicon{background-position: -126px -78px;}
.dealicon{background-position: -150px -78px;}
.delicon{background-position: -173px -78px;height: 12px;}
.sighicon{background-position: -2px -361px;width: 21px;height: 21px;vertical-align: middle;margin-right: 5px;}
.disableicon{background-position: -197px -78px;}
.copyicon{background-position:-220px -77px ;width: 12px;height: 12px;}
.addicon{background-position:-241px -77px ;width: 12px;height: 12px;}
.playicon{background-position:-261px -77px ;width: 11px;height: 11px;}
.smallicon{background-position:-95px -267px ;width: 14px;height: 14px;margin-right: 5px;vertical-align: middle;margin-top: -2px;cursor: pointer;}
.gjdetailicon{width: 12px;height: 12px;background-position: -298px -77px;}
.gjdealicon{width: 12px;height: 12px;background-position: -316px -77px;}
.rddetailicon{width: 12px;height: 12px;background-position: -335px -77px;}
.safeicon{background-position: -279px -77px;width: 12px;height: 12px;}
.staricon{background-position: -372px -77px;width: 12px;height: 12px;}
.searchicon{background-position: -123px -267px;width: 19px;height: 17px;vertical-align: middle;margin: 5px;}
/* 按钮 */
.orangebtn{background: #f67e2e;border-radius: 3px;display: inline-block;height: 24px;line-height: 24px;padding: 0 15px;text-decoration: none;color: #fff;}
/* 内容图标 */
/* .checkcon .check,.checkcon .add,.checkcon .copy,.checkcon .tick,.checkcon .alter{color: #fff;background: #00BBEE;border-radius: 3px;display: inline-block;height: 28px;line-height: 28px;padding: 0 15px;text-decoration: none;}
.checkcon .check b{background: url(../images/icon.png) -39px -236px no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}
.checkcon .add b{background: url(../images/icon.png) -94px -236px no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}
.checkcon .check{background: #00BBEE;}
.checkcon .check:hover{background: #27abed;}
.checkcon .add{background: #1BB7A0;border-color:#18a18d;}
.checkcon .add:hover{background: #148b79;border-color:#106b5e;}

.checkcon .empty,.checkcon .batchempty,.checkcon .analysis,.checkcon .tick2{color: #fff;background: #FA7B58;border-radius: 3px;display: inline-block;height: 28px;line-height: 28px;padding: 0 15px;text-decoration: none;}
.checkcon .empty{background: #FA7B58;border-color:#f9673f;}
.checkcon .empty:hover{background:#f95426;}
.checkcon .empty b{background: url(../images/icon.png) -67px -236px no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin: -1px 5px 0 0;}
.checkcon .batchempty b{background: url(../images/icon.png) -242px -236px no-repeat;width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin: 1px 5px 0 0;}
.checkcon .copy b{background: url(../images/icon.png) -119px -237px no-repeat;width: 12px;height: 12px;display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}
.checkcon .analysis b{background: url(../images/icon.png) -142px -236px no-repeat;width: 14px;height: 14px;display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}
.checkcon .tick b,.checkcon .tick2 b{background: url(../images/icon.png) -168px -236px no-repeat;width: 13px;height: 13px;display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}
.checkcon .alter b{background: url(../images/icon.png) -195px -238px no-repeat;width: 11px;height: 11px;display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}
 */
.icontips{position: relative;display: inline-block;}
.icontips:hover p{display:block;transform-origin: 100% 0%;-webkit-animation: fadeIn 0.3s ease-in-out;animation: fadeIn 0.3s ease-in-out;z-index: 99;position: absolute;width: 80px;right: -10px;}
.icontips p{display: none;text-align: left;background-color: #d3d3d3;position: absolute;border-radius: 3px;right: 0;color: #000;font-size: 12px;line-height: 1.4;text-align: center;padding: 5px;width: 80px;}
.icontips p:before{position: absolute;content: '';width:0;height: 0;border:6px solid transparent;border-bottom-color:#d3d3d3;right:10px;top:-12px;}
.icontips p:after{width:100%;height:40px;content:'';position: absolute;top:-40px;left:0;}


/*------------------main------------------*/
.main_con{margin:0 10px;}
.main_panel{margin-left:205px;float:left;width: 84%;margin-right:10px;padding-bottom: 10px;position:relative;}

/*------------------表格------------------*/
.table1{border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;text-align: center;}
.table1 tr.tdbg td{background: #f7f7f7;}
.table1 a{color: #3c87b1;text-decoration: none;}
.table1 th,.table1 td{border-top:  1px solid #e2e2e2;border-left:  1px solid #e2e2e2;}
.table1 th{background: #f0f4f7;color: #595959;height: 30px;line-height: 30px;}
.table1 td{padding: 5px 0;color: #595959;}
.table1 tr.tdbg td{background: #f7f7f7;}
.table1 textarea{width: 90%;height: 50px;resize:none;margin-left: 5px;padding: 5px;}

.table2{border-right: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
.table2 tr.tdbg td{background: #f7f7f7;}
.table2 th,.table2 td{height: 30px;line-height: 30px;color: #595959;border-top: 1px solid #e3e3e3;border-left: 1px solid #e3e3e3;text-align: center;padding: 0 5px;}

.table3{}
.table3 tr.tdbg td{background: #f7f7f7;}
.table3.border{border-bottom: 1px solid #e2e2e2;border-left: 1px solid #e2e2e2;padding: 0 5px;border-radius: 3px;}
.table3.border td{border-top: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;padding: 0 5px;}
.table3.border td.tdbg{background: #f7f7f7;text-align: right;}
.table3 .input_text{height: 20px;line-height: 20px;}
.table3 select{height:20px;line-height:20px;}
.table3 textarea{width: 410px;height: 96px;resize:none;margin: 5px 0;padding: 5px;}
.table3 td{text-align: left;color: #595959;height: 30px;line-height: 30px;}

.table4 td{padding: 5px;}
.table4 tr.tdbg td{background: #f7f7f7;}
.table4 td.pl10{padding: 10px;}
.table4 .input_text{height: 24px;line-height: 24px;}
.table4 select{height: 26px;line-height: 26px;}
.table4 textarea{width: 210px;height: 96px;resize:none;padding: 5px;}
/* tab切换 */
.tab{display: block;border-bottom: 2px solid #56BDF1;height: 28px;margin-top: 10px;}
.tabtit{float: left;}
.tabtit li{padding: 0 15px;border: 1px solid #dcdfe2;border-bottom: none;display: inline-block;color: #317da7;height: 28px;line-height: 28px;cursor: pointer;border-radius: 3px;}
.tabtit li.current{font-size: 14px;letter-spacing: 1px;color: #fff;background: #56BDF1;border: 1px solid #56BDF1;border-bottom: none;}

/*-----------------左侧菜单-----------------*/
/* 图标 */
.subicon{ background:url(../images/icon.png) no-repeat;vertical-align: middle;margin-right: 5px;width:17px;height: 17px;display: inline-block;}
.subicon.icon1{background-position: -1px -3px;}
.subicon.icon2{background-position: -27px -3px;}
.subicon.icon3{background-position: -53px -3px;}
.subicon.icon4{background-position: -78px -3px;}
.subicon.icon5{background-position: -103px -3px;}
.subicon.icon6{background-position: -129px -3px;}
.subicon.icon7{background-position: -155px -3px;}
.subicon.icon8{background-position: -2px -3px;}
.subicon.icon9{background-position: -2px -3px;}
.subicon.icon10{background-position: -1px -3px;}
.subicon.icon11{background-position: -1px -3px;}
.subicon.icon12{background-position: -1px -3px;}
.subicon.icon14{background-position: -1px -3px;}
.subicon.icon15{background-position: -1px -3px;}


.sider_panel{width:180px;/*width: 11%; */background-color:#ffffff; float:left;height: 100%;border-right:1px solid #dce1e4; }
    /*.fold_icon{ background:url(../images/icon.png) no-repeat;float: right;}*/
    .sider_panel.fold{ width:3%;background: #fff;}
    .sider_panel.fold .manage_type,.sider_panel.fold .sub_manage_item .manage_link{display: none;}
    .sider_panel.fold .sub_manage_item .subicon{position: absolute;top: 50%;margin-top: -10px;left: 50%;margin-left: -10px;}
    .sider_con{ position:relative;background: #fff;}
    .sider_nav_con{  }
    .sider_nav_con .foldbtn{height: 28px;line-height: 28px;border-top:1px solid #dce1e4;border-bottom:1px solid #dce1e4; position:relative;}
    .sider_title { padding-left:22px; background-color:#f4f4f4; border-bottom:1px solid #dce1e4; height:38px; line-height:38px; font-size:12px; color:#404040; }
    .manage_list{ border-bottom:1px solid #dce1e4; }
    .manage_list .manage_item{padding-left:15px; height:38px; line-height:38px; cursor:pointer;}
    .manage_list .manage_item .fold_icon{ display:inline-block; vertical-align:middle; width:7px; height:12px; background-position:-132px -34px; margin-right:10px;margin-top: 13px;}
    .manage_list .manage_item.curr{}
    .manage_list .manage_item.curr .fold_icon{ background-position:-106px -36px; width:12px; height:7px;margin-top: 15px;}
    .manage_list .manage_item .manage_type{ color:#586168; font-weight:bold;}
    .manage_list .sub_manage_item{ padding-left:30px; font-size:15px; color:#586168; height:38px;position: relative;}
    .manage_list .sub_manage_item:hover{background: #293846; }
    .manage_list .sub_manage_item .manage_link{ font-size:12px; color:#586168; display:inline-block; margin-left:5px; line-height:38px; height:38px; text-decoration:none;line-height:38px; vertical-align:middle; }
    .manage_list .sub_manage_item.active{ background-color:#649ae1/* #bed7ee */;}
    .manage_list .active .manage_link{}
    .manage_list .sub_manage_list{ display:none;}
    .manage_list .sub_manage_item .dot{width: 2px;height: 2px;display: inline-block;background: #656e72;vertical-align: middle;}


/* 表格样式----分页 */
.pagebox{display: block;height: 30px;line-height: 30px;background: #f0f4f7;border: 1px solid #e2e2e2;border-top: none;}
.pagination {font-family: tahoma; height: 22px; font-size: 12px; height:30px;}
.pagination select{border: 1px solid #d1dce6;height:22px;line-height: 22px;}
.pagination .input-text{border: 1px solid #d1dce6;height:20px;line-height: 20px;margin-right: 5px;text-align: center; }
.pagination .go{border: 1px solid #d1dce6;text-decoration: none;color: #50759e;display:inline-block;height:20px;line-height: 20px;width: 20px; vertical-align: middle;text-align: center;font-weight: bold;margin-right: 5px;}
.page-home,.page-prev,.page-next,.page-end{background: url(../images/icon.png) no-repeat;width: 8px;height: 11px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.page-home{background-position:-75px -208px; }
.page-prev{background-position:-92px -208px; }
.page-next{background-position:-167px -208px; }
.page-end{background-position:-182px -208px; }
.pagination .refresh{display: inline-block;background: url(../images/icon.png) -124px -206px no-repeat;width: 16px;height: 16px;vertical-align: middle;margin-right: 10px;}

/* 文本框 */
.input_text,.input_time,select{border: 1px solid #e2e2e2;height: 28px;line-height: 28px;padding: 0 5px;color:#595959;}
.input_time{background:#fff url(../images/icon.png) 95px -318px no-repeat;width: 110px;padding: 0 5px;}
.input_time.w260{width: 260px;background:#fff url(../images/icon.png) 245px -318px no-repeat;}
textarea{border: 1px solid #e2e2e2;resize:none;}

/* form{margin-top:10px;} */

/* 边框 */
.bor_box{border: 1px solid #dcdfe2;background: #fff;border-radius: 3px;}
.chart_box{margin: 5px;background: #f3f3f3;}

/* 新增--下拉框 */
    .selectbox{position: relative;border: 1px solid #dcdfe2;}
    .c_icon{background: url(../images/icon.png) -203px -211px no-repeat;width: 9px;height: 5px;display: inline-block;position: absolute;top: 11px;right: 10px;}
    .textbox{border: 1px solid #dcdfe2;border-radius: 0px;outline: none;height: 28px;line-height: 28px;padding:0 5px;width: 180px!;cursor: pointer;}
    .textbox:hover{}
    .datebox{width:180px!important}
    .chooseText{width:180px;background: #fff;z-index: 2;position: absolute;border: 1px solid #e5e5e5;border-top: none;display: none;top: 29px;left: -1px;}
    .chooseText span{color: #000;display: block;height:30px;line-height:30px;padding-left: 5px;}
    .chooseText span:hover{cursor: pointer;background: #e9e9e9;}

.iconmenu [class*="subicon icon"]:hover{border:2px solid #00bbee;border-radius:3px;padding:9px;}
.iconmenu [class*="subicon icon"].active{border:2px solid #00bbee;border-radius:3px;padding:9px;}
/*@sun 2017.3.14*/
.manage_list .manage_item .manage_type {
    color: #fff;
    font-weight: bold;
    letter-spacing:2px;
}
.manage_list .sub_manage_item .manage_link {
    font-size: 13px;
    color: #fff;
}
.manage_list {
    border-bottom: 0;
}
.manage_list .manage_item {
    height: 40px;
    line-height: 40px;
}
.iconfont{
    color:#fff;
    margin-right:5px;
    display: inline-block;
    vertical-align: middle;
}
.manage_item .arrow{
    float: right;
    font-size: 14px;
     padding-right:10px;
}
.topbar .iconfont{
    color:#fff;
    margin-right:5px;
    display: inline-block;
    vertical-align: middle;
}
/* .topbar .user-name{
    width: 82px;
} */
.topbar .user{
    width: 94px;
}
.topbar .set{
    width: 70px;
}
.topbar .skin{
    width: 85px;
    padding-right:5px;
}
.topbar .close{
    width: 70px;
}
.welcome .w-img,.welcome .w-text{
    position: absolute;
    left:50%;
    opacity: 0;
}
.welcome .w-img{
    top:-290px;
    margin-left:-165px;
}
.welcome .w-text{
    text-align:center;
    font-size: 25px;
    margin-top: -20px;
    color:#000;
    letter-spacing: 4px;
    bottom:-800px;
    margin-left:-130px;
}
/*左侧导航响应式*/
@media screen and (max-width:770px){
   .manage_list .manage_type{display: none}
   .manage_list .arrow{display: none}
   .sider_panel {width: 50px;}
   .sub_manage_list{display: none;}
   .topbar .t-text{display: none}
   .topbar a{width:40px!important;}
}
@media screen and (min-width:770px){
   .manage_list .manage_type{display: inline-block;}
   .manage_list .arrow{display: inline-block;}
   .sider_panel {width: 180px;}
   .sub_manage_list{display: block}

}
/*三角形*/
.triangle.triangle_down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
    top: 32px;
    right: 5px;
    margin-left:5px;
    padding-left:2px;
}
.triangle.triangle_right {
    width: 0;
    height: 0;
    border-left: 6px solid #fff;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    position: absolute;
    top: 30px;
    right: 5px;
    margin-left:5px;
    padding-left:2px;
}
.fa-plus{
	padding:0 3px 12px;
}
.btn .fa.fa-plus{padding:0!important;}
.btntop {
    background-color: #56BDF1;
    color: #fff;
    padding: 5px 10px;
    text-decoration: none!important;
}
/* 重设弹窗高度 */
#DialogBox_role_dialogbox.DialogBox{
	height:205px!important;
}
#DialogBox_user_dialogbox.DialogBox{
	height:365px!important;
}
#DialogBox_refund.DialogBox{
	height:230px!important;
}
#DialogBox_userGroup_dialogbox.DialogBox{
	height:180px!important;
}
#DialogBox_addbox.DialogBox{
	height:470px!important;
}
#DialogBox_becomeSupplier.DialogBox{
	height:370px!important;
}
#DialogBox_messageTemplate_dialogbox.DialogBox{
	height:440px!important;
}
#DialogBox_scene_dialogbox.DialogBox{
	height:420px!important;
}
#DialogBox_distribChann_dialogbox.DialogBox{
	height:500px!important;
}
#DialogBox_distribChann_dialogbox a .pricetxt{
	background:#56BDF1;
	padding:10px;
	color:#fff;
	line-height: 2;
}
.datagrid-cell.datagrid-cell-c3-_action a{
	line-height:2!important;
}
input[type="radio"]{margin-right:4px;}
input[value="undefined"]{display:none;}
input[value="null"]{display:none;}
/**上传文件进度条*/
[class*="progressbar"] {
  height: 20px;
  text-align:center;
}

[class*="percents"] {
	color:#fff;
	line-height: 20px;
}

/**上传文件展示*/
div.polaroid {
    float:left;
	margin-right:15px;
	margin-top:15px;
}

.polaroid {
	width: 100px;
	height:100px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/**上传删除文件*/
.polaroid .fa-trash-o{
	position:relative;
	top:-100px;
	left:80px;
}

.polaroid .fa-trash-o:hover{
    color:#f9673f;
}

/* 上传文件按钮 */
.uploadFile{
	width:120px; 
	height:26px; 
	display:inline-block; 
	vertical-align:middle; 
	opacity:0; 
	filter:alpha(opacity=0); 
	cursor:pointer;
}

.uploadspan{
	display:inline-block; 
	text-align:center; 
	line-height:26px; 
	width:120px; 
	height:26px; 
	cursor:pointer;
	z-index: -1;
	color:#ffffff;
	background-color: #00BBEE;
	margin-left:-120px;
}

ul.userul > li{
	float:left;
	width:32%;
	margin-right:1.3%;
}

ul.userul li .header{
	padding:8px 0;
}

ul.userul li .content{
	height:500px;
	border:1px solid #d7d7d7;
	overflow-y:auto;
}

ul.userul li .content div:not(.opencontent){
	height:30px;
	line-height:30px;
	/* border-bottom:1px solid #d7d7d7; */
	font-size:14px;
	padding-left:15px;
}

ul.userul li .content div:not(.opencontent):not(.selected):not(.tree-node-selected):hover{
	color:#00BBEE;
	/* font-size:18px; */
	cursor:default;
}

ul.userul li .content .selected{
	background-color:#00BBEE;
	color:#fff;
}

div.opencontent{
	height:100%;
}

.opencontent i[class*=fa-trash]{
	float:right;
	padding-right:15px;
	cursor:pointer;
	line-height:30px;
}

.opencontent i[class*=fa-trash]:hover{
	color:#f9673f;
}

/*地图容器*/
.mapCont{
	width:100%;height:350px;border:1px solid #333;background:white;display:none;
}

/*地图搜索层*/
div.tangram-suggestion-main { z-index: 10000000}